﻿<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Contacto | Más Distribución</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/sl-slide.css">

    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head>

<body>

    <!--Header-->
    <header class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a id="logo" class="pull-left" href="index.html"></a>
                <div class="nav-collapse collapse pull-right">
                    <ul class="nav">
                        <li><a href="index.html">Inicio</a></li>
                        <li><a href="nosotros.html">Nosotros</a></li>
                        <li><a href="servicios.html">Servicios</a></li>
                        <!--<li><a href="portfolio.html">Nuestros Clientes</a></li>-->
                        <li class="active"><a href="contacto.html">Contacto</a></li>
                        <li class="login">
                            <a data-toggle="modal" href="#loginForm"><i class="icon-lock"></i></a>
                        </li>
                    </ul>        
                </div><!--/.nav-collapse -->
            </div>
        </div>
    </header>
    <!-- /header -->

    <section class="no-margin">
		<iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3695.29269173729!2d-100.91516270000001!3d22.152927999999996!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x842aa3de5af92203%3A0x6817ef1479f68d93!2sVilla+de+Pozos%2C+San+Luis+1%2C+78438+San+Luis+Potos%C3%AD%2C+SLP!5e0!3m2!1ses!2smx!4v1407345917988"></iframe>			
		
    </section>

    <section id="contact-page" class="container">
        <div class="row-fluid">

            <div class="span8">
                <h4>Formulario de Contacto</h4>
                <div class="status alert alert-success" style="display: none"></div>

                <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="sendemail.php">
                  <div class="row-fluid">
                    <div class="span5">
                        <label>Nombre</label>
                        <input type="text" class="input-block-level" required="required" placeholder="Tu Nombre">
                        <label>Apellidos</label>
                        <input type="text" class="input-block-level" required="required" placeholder="Tus Apellidos">
                        <label>Correo Electrónico</label>
                        <input type="text" class="input-block-level" required="required" placeholder="Tu Dirección de Correo">
                    </div>
                    <div class="span7">
                        <label>Mensaje</label>
                        <textarea name="message" id="message" required="required" class="input-block-level" rows="8"></textarea>
                    </div>

                </div>
                <button type="submit" class="btn btn-primary btn-large pull-right">Enviar Mensaje</button>
                <p> </p>

            </form>
        </div>

        <div class="span3">
            <h4>Nuestra Dirección</h4>
            <p>Matriz San Luís Potosí.</p>
            <p>
                <i class="icon-map-marker pull-left"></i>  Carr. San Luis - Querétaro Km. 189 Int. 1. <br> Entre Ejes 126 y 128, 
Zona Industrial <br> Villa de Pozos, S.L.P., México
            </p>
            <p>
                <i class="icon-envelope"></i> &nbsp;info@masdistribucion.com
            </p>
            <p>
                <i class="icon-phone"></i> &nbsp;01 444 824 0764
            </p>
            <p>
                <i class="icon-globe"></i> &nbsp;www.masdistribucion.com
            </p>
        </div>

    </div>

</section>

<!--Bottom-->
<section id="bottom" class="main">
    <!--Container-->
    <div class="container">

        <!--row-fluids-->
        <div class="row-fluid">

            <!--Contact Form-->
            <div class="span3">
                <h4>DIRECCIÓN</h4>
                <ul class="unstyled address">
                    <li>
                        <i class="icon-home"></i><strong>Dirección:</strong> Carr. San Luis - Querétaro Km. 189 Int. 1. Entre Ejes 126 y 128, <br>Zona Industrial Villa de Pozos, S.L.P., México
                    </li>
                    <li>
                        <i class="icon-envelope"></i>
                        <strong>Correo: </strong> info@masdistribucion.com
                    </li>
                    <li>
                        <i class="icon-globe"></i>
                        <strong>Página web:</strong> www.masdistribucion.com
                    </li>
                    <li>
                        <i class="icon-phone"></i>
                        <strong>Llamanos:</strong> 01 444 824 0764
                    </li>
                </ul>
            </div>
            <!--End Contact Form-->

            <!--Important Links-->
            <div id="tweets" class="span3">
                <h4>NUESTRA EMPRESA</h4>
                <div>
                    <ul class="arrow">
                        <li><a href="#">Soporte</a></li>
                        <li><a href="#">Terminos de Uso</a></li>
                        <li><a href="#">Política de Privacidad</a></li>
                    </ul>
                </div>  
            </div>
            <!--Important Links-->

    <!--/row-fluid-->
</div>
<!--/container-->

</section>
<!--/bottom-->

<!--Footer-->
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            <div class="span5 cp">
                &copy; 2014 <a target="_blank" href="#" title="Su mejor opción de envío de paquetes">Mas Distribución</a>. Todos los derechos reservados.
            </div>
            <!--/Copyright-->

            <div class="span6">
                <ul class="social pull-right">
                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                    <li><a href="#"><i class="icon-twitter"></i></a></li>
                    <li><a href="#"><i class="icon-linkedin"></i></a></li>
                    <li><a href="#"><i class="icon-google-plus"></i></a></li>                       
                    <li><a href="#"><i class="icon-youtube"></i></a></li>
                </ul>
            </div>

            <div class="span1">
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
            </div>
            <!--/Goto Top-->
        </div>
    </div>
</footer>
<!--/Footer-->

<!--  Login form -->
<div class="modal hide fade in" id="loginForm" aria-hidden="false">
    <div class="modal-header">
        <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
        <h4>Inicio de Sesión</h4>
    </div>
    <!--Modal Body-->
    <div class="modal-body">
        <form class="form-inline" action="index.html" method="post" id="form-login">
            <input type="text" class="input-small" placeholder="Correo Electrónico">
            <input type="password" class="input-small" placeholder="Contraseña">
            <label class="checkbox">
                <input type="checkbox"> Recordarme
            </label>
            <button type="submit" class="btn btn-primary">Iniciar Sesión</button>
        </form>
        <a href="#">Olvidaste tu Contraseña?</a>
    </div>
    <!--/Modal Body-->
</div>
<!--  /Login form -->

<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>   

</body>
</html>
